<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html lang="en">
<head>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp">
	<title class="title-change">论坛首页</title>
  <link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="${ctx}/static/css/mdui.css">
  <link rel="stylesheet" href="${ctx}/static/css/docs.css">
  <link href="https://cdn.bootcss.com/summernote/0.8.7/summernote.css" rel="stylesheet">
  <style>
    .float-fl, .float-fr {
      box-sizing: border-box;
    }
    @media (min-width: 1024px) {
      .float-fl {
        width: 49%;
        margin-right: 2%;
      }
      .float-fr {
        width: 49%;
      }
    }
    .quality-hidden {
      display: block;
    }
    .quality-show {
      display: none;
    }
  </style>
</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-blue mdui-theme-accent-pink mdui-loaded">
<header class="mdui-appbar mdui-appbar-fixed">
  <div class="mdui-toolbar mdui-color-theme">
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
    <a href="./index.html" class="mdui-typo-headline mdui-hidden-xs">员工培训系统</a>
    <a href="" class="mdui-typo-title title-change">论坛首页</a>
    <div class="mdui-toolbar-spacer"></div>
    <div class="mdui-col-xs-5 mdui-col-md-3">
      <div class="mdui-textfield mdui-textfield-expandable mdui-float-right ">
        <button class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></button>
        <input class="mdui-textfield-input" type="text" placeholder="搜索"/>
        <button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">close</i></button>
      </div>
    </div>
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-dialog="{target: '#dialog-docs-theme'}" mdui-tooltip="{content: '设置主题'}"><i class="mdui-icon material-icons">color_lens</i></span>
    <a href="javascript:;" mdui-tooltip="{content: '论坛'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">forum</i></a>
  </div>
</header>

<%@include file="../common/leftMenuStaff.jsp"%>
 
<a id="anchor-top"></a>

<div class="mdui-container doc-container">
  <div class="wrappers">
    <div class="index-wrap mdui-p-t-3">
      <div class="mdui-clearfix">
        <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0 title-change">论坛首页</h1>
      </div>

      <div class="mdui-typo mdui-col-md-12 mdui-m-b-3">
        <div class="mdui-clearfix lz" style="border: 1px solid #eee;">
          <div class="mdui-card mdui-col-md-2 mdui-shadow-0" style="height: 100%;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">帖木真</div>
            </div>
            <div class="mdui-card-media mdui-m-t-2">
              <img src="./static/img/card.jpg"/>
            </div> 
          </div>
          <div class="mdui-card mdui-col-md-10">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;">
              <div class="mdui-card-header-title mdui-m-l-0"><span class="quality-show">[精品]</span>[MOD] 2K18 真历史阵容名单与经典球队精修 名单分享下载 9/20更新(改不加密)</div>
              <div class="mdui-card-header-subtitle mdui-m-l-0">2017-09-21 22:30:33</div>
            </div>
            <div class="mdui-card-content">
              <div class="mdui-typo">
                <h1>啊是啊是大事发顺丰</h1><h4>安师大啊但是</h4><p>安师大</p><p><font color="#6ba54a">爱上大厦的群文件哦气温</font></p><table class="table table-bordered"><tbody><tr><td>啊但是</td><td><br></td><td>啊额</td></tr><tr><td>啊但是</td><td>啊但是</td><td><br></td></tr></tbody></table><p><font color="#6ba54a">安师大</font></p><p><font color="#397b21"><br></font></p>
              </div>
            </div>
            <div class="mdui-card-actions">
              <button class="mdui-btn mdui-ripple mdui-color-theme-accent reply">回复</button>
              <button class="mdui-btn mdui-float-right mdui-color-theme-accent quality-show">设为精品</button>
              <button class="mdui-btn mdui-float-right mdui-ripple mdui-color-red-accent" mdui-dialog="{target: '#noticeDelete'}">删除此帖</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix lz" style="border: 1px solid #eee;">
          <div class="mdui-card mdui-col-md-2 mdui-shadow-0" style="height: 100%;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">跟帖局</div>
            </div>
            <div class="mdui-card-media mdui-m-t-2">
              <img src="./static/img/card.jpg"/>
            </div> 
          </div>
          <div class="mdui-card mdui-col-md-10" style="min-height: 200px;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">2017-09-21 22:31:33</div>
            </div>
            <div class="mdui-card-content">
              <div class="mdui-typo">
                楼主好人一生平安！
              </div>
            </div>
            <div class="mdui-card-actions">
              <button class="mdui-btn mdui-float-right mdui-ripple mdui-color-red-accent" mdui-dialog="{target: '#noticeDelete'}">删除此评论</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix lz" style="border: 1px solid #eee;">
          <div class="mdui-card mdui-col-md-2 mdui-shadow-0" style="height: 100%;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">跟帖局</div>
            </div>
            <div class="mdui-card-media mdui-m-t-2">
              <img src="./static/img/card.jpg"/>
            </div> 
          </div>
          <div class="mdui-card mdui-col-md-10" style="min-height: 200px;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">2017-09-21 22:31:33</div>
            </div>
            <div class="mdui-card-content">
              <div class="mdui-typo">
                楼主好人一生平安！
              </div>
            </div>
            <div class="mdui-card-actions">
              <button class="mdui-btn mdui-float-right mdui-ripple mdui-color-red-accent" mdui-dialog="{target: '#noticeDelete'}">删除此评论</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix lz" style="border: 1px solid #eee;">
          <div class="mdui-card mdui-col-md-2 mdui-shadow-0" style="height: 100%;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">跟帖局</div>
            </div>
            <div class="mdui-card-media mdui-m-t-2">
              <img src="./static/img/card.jpg"/>
            </div> 
          </div>
          <div class="mdui-card mdui-col-md-10" style="min-height: 200px;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">2017-09-21 22:31:33</div>
            </div>
            <div class="mdui-card-content">
              <div class="mdui-typo">
                楼主好人一生平安！
              </div>
            </div>
            <div class="mdui-card-actions">
              <button class="mdui-btn mdui-float-right mdui-ripple mdui-color-red-accent" mdui-dialog="{target: '#noticeDelete'}">删除此评论</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix lz" style="border: 1px solid #eee;">
          <div class="mdui-card mdui-col-md-2 mdui-shadow-0" style="height: 100%;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">跟帖局</div>
            </div>
            <div class="mdui-card-media mdui-m-t-2">
              <img src="./static/img/card.jpg"/>
            </div> 
          </div>
          <div class="mdui-card mdui-col-md-10" style="min-height: 200px;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">2017-09-21 22:31:33</div>
            </div>
            <div class="mdui-card-content">
              <div class="mdui-typo">
                楼主好人一生平安！
              </div>
            </div>
            <div class="mdui-card-actions">
              <button class="mdui-btn mdui-float-right mdui-ripple mdui-color-red-accent" mdui-dialog="{target: '#noticeDelete'}">删除此评论</button>
            </div>
          </div>
        </div>
        <div class="mdui-clearfix lz" style="border: 1px solid #eee;">
          <div class="mdui-card mdui-col-md-2 mdui-shadow-0" style="height: 100%;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">跟帖局</div>
            </div>
            <div class="mdui-card-media mdui-m-t-2">
              <img src="./static/img/card.jpg"/>
            </div> 
          </div>
          <div class="mdui-card mdui-col-md-10" style="min-height: 200px;">
            <div class="mdui-card-header" style="border-bottom: 1px solid #eee;height: auto;">
              <div class="mdui-card-header-title mdui-m-l-0">2017-09-21 22:31:33</div>
            </div>
            <div class="mdui-card-content">
              <div class="mdui-typo">
                楼主好人一生平安！
              </div>
            </div>
            <div class="mdui-card-actions">
              <button class="mdui-btn mdui-float-right mdui-ripple mdui-color-red-accent" mdui-dialog="{target: '#noticeDelete'}">删除此评论</button>
            </div>
          </div>
        </div>
      </div>
      <div class="mdui-clearfix">
        <h1 class="doc-title mdui-text-color-theme mdui-p-x-0 mdui-m-t-4 mdui-col-xs-6 mdui-m-x-0">帖子回复</h1>
      </div>
      <div class="mdui-clearfix">
        <div class="mdui-clearfix mdui-p-x-1 mdui-shadow-4 mdui-p-a-4">
          <div class="mdui-typo mdui-m-y-4">
            <div id="summernote"></div>
          </div>
          <div class="mdui-typo mdui-m-y-4">
            <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-right" id="noticePush" style="margin-top: 34px;">回复</button>
            <div class="mdui-clearfix mdui-float-right">
              <div class="mdui-float-right mdui-typo mdui-p-x-2">
                <img src="./static/img/card.jpg" class="mdui-float-left mdui-ripple" style="display: block;height: 40px;margin-top: 34px;" alt="验证码">
                <a href="javascript:;" class="mdui-float-right mdui-m-l-2" style="margin-top: 28px;">看不清楚？<br> 点击更换</a>
              </div>
              <div class="mdui-textfield mdui-textfield-floating-label mdui-float-right mdui-p-x-0">
                <label class="mdui-textfield-label">验证码</label>
                <input class="mdui-textfield-input">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="mdui-dialog" id="noticeDelete">
  <div class="mdui-dialog-title">确定删除?</div>
  <div class="mdui-dialog-content">您将删除选中的内容！</div>
  <div class="mdui-dialog-actions">
    <button class="mdui-btn mdui-ripple" mdui-dialog-close>取消</button>
    <button class="mdui-btn mdui-ripple" mdui-dialog-confirm>确定</button>
  </div>
</div>

 <%@include file="../common/theme.jsp"%>
 
<script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="./static/js/mdui.min.js"></script>
<script>var $$ = mdui.JQ;</script>
<script src="./static/js/highlight.pack.js"></script>
<script src="./static/js/smooth-scroll.min.js"></script>
<script src="./static/js/holder.min.js"></script>
<script src="./static/js/base.js"></script>
<script src="https://cdn.bootcss.com/summernote/0.8.7/summernote.min.js"></script>
<script src="https://cdn.bootcss.com/summernote/0.8.7/lang/summernote-zh-CN.min.js"></script>
<script>
  $(document).ready(function() {
    $('#summernote').summernote({
      lang: 'zh-CN',
      minHeight: 300
    });
    $('.reply').on('click', function () {
      $('#summernote').summernote({
        focus: true
      });
    });
  });
</script>
<script>
  $$(function () {

    titleChange('查看帖子')

    $('#noticePush').on('click', function () {
      var noticeContent = $('#summernote').summernote('code');
      console.log(noticeContent);
    });

    var indexType = location.search.split('=')[1];
    // if (indexType) {
    //   if (indexType === 'composite') {
    //     titleChange('综合讨论区');
    //     $$('.quality-show').hide()
    //     $$('.quality-hidden').show();
    //   }
    //   if (indexType === 'qa') {
    //     titleChange('教师答疑区');
    //     $$('.quality-show').hide()
    //     $$('.quality-hidden').show();
    //   }
    //   if (indexType === 'quality') {
    //     titleChange('精品贴');
    //     $$('.quality-show').show()
    //     $$('.quality-hidden').hide();
    //   }
    //   if (indexType === 'mine') {
    //     titleChange('公告');
    //     $$('.quality-show').hide()
    //     $$('.quality-hidden').show();
    //   }
    //   if (indexType === 'reply') {
    //     titleChange('回复帖');
    //     $$('.quality-show').hide()
    //     $$('.quality-hidden').show();
    //   }
    // }

    function titleChange(title) {
      $$('.title-change').html(title);
    }
  });

</script>
 


</body>
</html>